<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link href="static/css/bootstrap.css" rel="stylesheet">
    <link href="static/css/bootstrap-responsive.css" rel="stylesheet">

    <script src="static/js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="static/js/bootstrap.min.js" type="text/javascript"></script>

    <!-- Main -->
    <script src="static/js/main.js" type="text/javascript"></script>

</head>
<body>
    <div class="modal" id="reservate" style="display:none;">
        <div class="modal-header">
            <button class="close" data-dismiss="modal">×</button>
            <h3 id="reservate-title">Reserveer</h3>
        </div>
        <div class="modal-body">
            <div id="reservate-body">
                <form class="well">
                    <label>Uw naam</label>
                    <input type="text" class="span3" id="rese_name" name="rese_name"  />
                    <label>Telefoonnummer</label>
                    <input type="text" class="span3" id="rese_telephone" name="rese_telephone"/>
                    <label>Geboden prijs</label>
                    <input type="text" class="span1" id="rese_price" name="rese_price" placeholder="EUR"/>
                    <input type="hidden" id="rese_car_id" name="rese_car_id" value="" />
                </form>
            </div>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">Sluit</a>
            <a href="#" class="btn btn-primary" id="reservate-button">Reserveer</a>
        </div>
    </div>

    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand" href="./index.html">Mike Schoneveld</a>
                <div class="nav-collapse">
                    <ul class="nav">
                        <li class="active">
                            <a href="./index.html">Auto's</a>
                        </li>
                    </ul>
                    <div class="pull-right form-inline" id="login-form">
                        <input class="span2" type="text" placeholder="Username" name="user_loginname" id="user_loginname" />
                        <input class="span2" type="password" placeholder="Password" name="user_password" id="user_password" />
                        <button class="btn" type="submit" id="login-button">Inloggen</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">

        <header class="jumbotron subhead" id="overview">
            <h1>AutoBay</h1>
            <p class="lead">De beste plek voor een nieuwe auto!</p>
            <div class="subnav">
                <ul class="nav nav-pills">
                    <li class="active"><a href="#typography">Reservaties</a></li>

                </ul>
            </div>
            <br />
            <div class="alert alert-success" id="reservate-success" style="display:none;">
                Uw reservatie is succesvol verwerkt, u zal zo spoedig mogelijk worden opgebelt voor een afspraak.
            </div>
            <div class="alert alert-success" id="login-success" style="display:none;">
                Succesvol ingelogd.
            </div>
        </header>

        <br />
        <div id="cars">

        </div>

    </div>
</body>
</html>